<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta charset="utf-8"/>
	<title>Abbreviations</title>
</head>
<body>

<p>FOO (<abbr title="FOO">foo</abbr>) <abbr title="FOO">foo</abbr></p>

<p>F.O.O. (<abbr title="F.O.O.">f.o.o.</abbr>) <abbr title="F.O.O.">f.o.o.</abbr></p>

<p>f-o-o f-o-o</p>

<p>F O O (<abbr title="F O O">f o o</abbr>) <abbr title="F O O">f o o</abbr></p>

<p>fo&#8217;o fo&#8217;o</p>

<p>5</p>

<p>BAR (<abbr title="BAR">bar</abbr>) <abbr title="BAR">bar</abbr></p>

<p>B.A.R. (<abbr title="B.A.R.">b.a.r.</abbr>) <abbr title="B.A.R.">b.a.r.</abbr></p>

<p>B-A-R (<abbr title="B-A-R">b-a-r</abbr>) <abbr title="B-A-R">b-a-r</abbr></p>

<p>B A R (<abbr title="B A R">b a r</abbr>) <abbr title="B A R">b a r</abbr></p>

<p>BA'R (<abbr title="BA'R">ba&#8217;r</abbr>) <abbr title="BA'R">ba&#8217;r</abbr></p>

<p>10</p>

<p>FOO BAR (<abbr title="FOO BAR">foo bar</abbr>)</p>

<p><abbr title="FOO">foo</abbr>
<abbr title="BAR">bar</abbr></p>

<p><abbr title="FOO">foo</abbr> <abbr title="BAR">bar</abbr></p>

<p>BAZ (<abbr title="BAZ">baz</abbr>)</p>

<blockquote>
<p><abbr title="FOO BAR">foo bar</abbr></p>
</blockquote>

<p>15</p>

<table id="foobar">
<caption style="caption-side: bottom;"><abbr title="FOO BAR">foo bar</abbr></caption>
<colgroup>
<col />
<col />
</colgroup>

<thead>
<tr>
	<th> <abbr title="FOO">foo</abbr> </th>
	<th> <abbr title="BAR">bar</abbr> </th>
</tr>
</thead>

<tbody>
<tr>
	<td> <abbr title="FOO">foo</abbr> </td>
	<td> <abbr title="BAR">bar</abbr> </td>
</tr>
</tbody>
</table>

<h1 id="foobar">foo bar</h1>

<h3 id="foobar">foo bar</h3>

<h1 id="foobar">foo bar</h1>

<figure>
<img src="http://foobar.net/" alt="foo bar" />
<figcaption><abbr title="FOO BAR">foo bar</abbr></figcaption>
</figure>

<p>20</p>

<p><a href="#fn:1" id="fnref:1" title="see footnote" class="footnote"><sup>1</sup></a></p>

<p><a href="#fn:2" id="fnref:2" title="see footnote" class="footnote"><sup>2</sup></a></p>

<ul>
<li><abbr title="FOO">foo</abbr></li>
<li><abbr title="FOO">foo</abbr></li>
<li><abbr title="FOO">foo</abbr></li>
</ul>

<div class="footnotes">
<hr />
<ol>

<li id="fn:1">
<p><abbr title="FOO">foo</abbr> and <abbr title="BAR">bar</abbr> <a href="#fnref:1" title="return to body" class="reversefootnote">&#160;&#8617;&#xfe0e;</a></p>
</li>

<li id="fn:2">
<p>foo and bar <a href="#fnref:2" title="return to body" class="reversefootnote">&#160;&#8617;&#xfe0e;</a></p>
</li>

</ol>
</div>

</body>
</html>

